<%@ page contentType="text/html; charset=utf-8"%>
<!DOCTYPE HTML>
<html>

	<head>
		<title>ADMIN</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		 
		<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
		<link href="./css/search.css" rel="stylesheet" type="text/css" media="all" />
		<!-- start nav -->
		<link href="./css/nav.css" rel="stylesheet" type="text/css" media="all" />
		<script src="./js/jquery.min.js"></script>
		<script>
			$(function() {
				var pull = $('#pull');
				menu = $('nav ul');
				menuHeight = menu.height();
				$(pull).on('click', function(e) {
					e.preventDefault();
					menu.slideToggle();
				});
				$(window).resize(function() {
					var w = $(window).width();
					if (w > 320 && menu.is(':hidden')) {
						menu.removeAttr('style');
					}
				});
			});
		</script>
		<!-- end nav -->
		<script src="./js/login.js"></script>
		<script src="./js/modernizr.custom.js"></script>
		<link href="./css/slider.css" rel="stylesheet" type="text/css" media="all" />
		<script type="text/javascript" src="./js/jquery.nivo.slider.js"></script>
		<script type="text/javascript">
			$(window).load(function() {
				$('#slider').nivoSlider();
			});
		</script>
		<!----Calender -------->
		<link rel="stylesheet" href="./css/clndr.css" type="text/css" />
		<script src="./js/underscore-min.js"></script>
		<script src="./js/moment-2.2.1.js"></script>
		<script src="./js/clndr.js"></script>
		<script src="./js/site.js"></script>
		<!----End Calender -------->
		<script src="./js/easyResponsiveTabs.js" type="text/javascript"></script>
	</head>

	<body>
			
		<div class="wrap">
		<div style="font-size:25px;margin:-40px 0px 0px 335px;">投诉信息栏</div>
			<!--start wrapper-->
			<div class="wrapper">
				<!-- start menu-->
					<div class="header_right">
						<div class="menu">
							<!-- start top-nav-->
							
							<div class="clear"></div>
						</div>
						<div class="header_top_right">
							<div class="header">
							<!-- start search-->
							
								<script type="text/javascript">
									$('.search').hide();
									$('button').click(function() {
										$('.search').show();
										$('.text').focus();
									});
									$('.close').click(function() {
										$('.search').hide();
									});
								</script>
							</div>
							<!-- end search-->
							
							<!--start login-->
							<div class="login_box">
								<div id="loginContainer">
									<a id="loginButton" class=""><span></span></a>
									<div id="loginBox">
										<form id="loginForm">
											<fieldset id="body">
												<fieldset>
													<label for="name">Admin</label>

												</fieldset>
												<fieldset>
													<label for="about">Something about you!</label>
												</fieldset>
												<input type="button" id="loginout" onclick="alert('Sign out function()')" value="Sign out">
											</fieldset>
											<span><a href="change.html">Change your password</a></span>

										</form>
									</div>
								</div>
							</div>
							<div class="clear"></div>
							<!--end login-->
							
						</div>
					</div>
				<!-- end header -->
				
				<!--start list-->
				<!--start message -->
				<div class="span_1_of_3">
					<div class="span_1_of_4_grid" align="left">
						<div class="grid_left1">
							<div class="quote">
								<h6 style="font-family:楷体;font-size:1.5em">投诉</h6>
							</div>
						</div>
						<div class="span_1_of_4_text">
							<div id="titletext">
								<div style="font:Trebuchet MS;font-size: 1.5em;font-weight: 100;text-align:center;">Title</div>
							</div>
							<div style="margin-top: 10px;margin-bottom: 30px;">&nbsp;&nbsp;AuthorName&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2016-1-5 00:00 </div>
							<h3>我来演示pesetting industry. Lorem Ipsum has been the ind一下汉子ustry's standard dummy text ever since the 1500.... <a href="BlogMore.html">Read more</a>"</h3>

							<div id="Reply" style="margin-top: 20px;margin-bottom: 10px;text-align: right;">
								<a href="#">待处理</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">已处理</a>
							</div>

						</div>
						<div class="clear"></div>
					</div>
				</div>
				
				<div class="main"> </div>
				<div class="span_1_of_3">
					<div class="span_1_of_4_grid" align="left">
						<div class="grid_left1">
							<div class="quote">
								<h6 style="font-family:楷体;font-size:1.5em">投诉</h6>
							</div>
						</div>
						<div class="span_1_of_4_text">
							<div id="titletext">
								<div style="font:Trebuchet MS;font-size: 1.5em;font-weight: 100;text-align:center;">Title</div>
							</div>
							<div style="margin-top: 10px;margin-bottom: 30px;">&nbsp;&nbsp;AuthorName&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2016-1-5 00:00 </div>
							<h3>我来演示pesetting industry. Lorem Ipsum has been the ind一下汉子ustry's standard dummy text ever since the 1500.... <a href="BlogMore.html">Read more</a>"</h3>

							<div id="Reply" style="margin-top: 20px;margin-bottom: 10px;text-align: right;">
								<a href="#">待处理</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">已处理</a>
							</div>

						</div>
						<div class="clear"></div>
					</div>

				</div>
				
				<div class="main"> </div>
				<div class="span_1_of_3">
					<div class="span_1_of_4_grid" align="left">
						<div class="grid_left1">
							<div class="quote">
								<h6 style="font-family:楷体;font-size:1.5em">投诉</h6>
							</div>
						</div>
						<div class="span_1_of_4_text">
							<div id="titletext">
								<div style="font:Trebuchet MS;font-size: 1.5em;font-weight: 100;text-align:center;">Title</div>
							</div>
							<div style="margin-top: 10px;margin-bottom: 30px;">&nbsp;&nbsp;AuthorName&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2016-1-5 00:00 </div>
							<h3>我来演示pesetting industry. Lorem Ipsum has been the ind一下汉子ustry's standard dummy text ever since the 1500.... <a href="BlogMore.html">Read more</a>"</h3>

							<div id="Reply" style="margin-top: 20px;margin-bottom: 10px;text-align: right;">
								<a href="#">待处理</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">已处理</a>
							</div>

						</div>
						<div class="clear"></div>
					</div>

				</div>
				<div class="main"> </div>
				<div class="span_1_of_3">
					<div class="span_1_of_4_grid" align="left">
						<div class="grid_left1">
							<div class="quote">
								<h6 style="font-family:楷体;font-size:1.5em">投诉</h6>
							</div>
						</div>
						<div class="span_1_of_4_text">
							<div id="titletext">
								<div style="font:Trebuchet MS;font-size: 1.5em;font-weight: 100;text-align:center;">Title</div>
							</div>
							<div style="margin-top: 10px;margin-bottom: 30px;">&nbsp;&nbsp;AuthorName&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2016-1-5 00:00 </div>
							<h3>我来演示pesetting industry. Lorem Ipsum has been the ind一下汉子ustry's standard dummy text ever since the 1500.... <a href="BlogMore.html">Read more</a>"</h3>

							<div id="Reply" style="margin-top: 20px;margin-bottom: 10px;text-align: right;">
								<a href="#">待处理</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">已处理</a>
							</div>

						</div>
						<div class="clear"></div>
					</div>

				</div>

				<div class="main"> </div>
				<!--end message-->
				
				<!--start message -->
				<div class="span_1_of_3">
					<div class="span_1_of_4_grid" align="left">
						<div class="grid_left1">
							<div class="quote">
								<h6 style="font-family:楷体;font-size:1.5em">投诉</h6>
							</div>
						</div>
						<div class="span_1_of_4_text">
							<div id="titletext">
								<div style="font:Trebuchet MS;font-size: 1.5em;font-weight: 100;text-align:center;">Title</div>
							</div>
							<div style="margin-top: 10px;margin-bottom: 30px;">&nbsp;&nbsp;AuthorName&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2016-1-5 00:00 </div>

							<h3>"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500.... <a href="BlogMore.html">Read more</a>"</h3>

							<div id="Reply" style="margin-top: 20px;margin-bottom: 10px;text-align: right;">
								<a href="#">待处理</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">已处理</a>
							</div>

						</div>
						<div class="clear"></div>
					</div>

				</div>
				<!-- end sidebar_right   ---->
			</div>
			<div class="main"></div>
			<!--end list-->
			<!--end message -->
			
			<!--start pageNumber-->
			<div class="span_1_of_4_grid" align="left">

				<div class="span_1_of_4_text">
					<div id="titletext">
						<p style="font-size: 1.5em;font-weight: 100; text-align: center;"><a href="#" style="margin-left: 5px;margin-right: 5px;">First</a><a href="#" style="margin-left: 5px;margin-right: 5px;">1</a><a href="#" style="margin-left: 5px;margin-right: 5px;">2</a><a href="#" style="margin-left: 5px;margin-right: 5px;">3</a>
							<a
							href="#" style="margin-left: 5px;margin-right: 5px;">Last</a>
						</p>
					</div>

				</div>
				<div class="clear"></div>
			</div>
			<div class="main"> </div>
			<!--end pageNumber-->
			
		
			<div class="clear"></div>
		</div>
		<!-- end wrapper   ---->

		<div class="copy-right">
			<div class="wrap">
				<p>© 2016 producer by <a href="#" target="_blank">YourName</a> </p>
			</div>
		</div>
	</body>

</html>